<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sclae=1.0,user-scalable=0">
	<title>xuluo</title>
	<script type="text/javascript" src="js/wfQuery.js"></script>
	<style type="text/css">
		*{margin:0;padding:0;font-family:'microsoft yahei',SimSun}
		li,ul{list-style:none}
		a{text-decoration:none;outline:0;color:inherit}
		img{border:none;vertical-align:middle}
		button,input,select,textarea{outline:0;border:none;color:inherit;font-size:inherit}
		.btn{display:inline-block;padding:0 22px;height:35px;line-height:35px;background:#009688;color:#fff;font-size:15px;cursor:pointer;vertical-align:middle;border-radius:2px}
		.btn:hover{opacity:1;filter:alpha(opacity=100)}
		.btn:active{opacity:.9;filter:alpha(opacity=90)}
		.wrap{width: 60%;margin: 10px auto;text-align: center;}
		input[type=text]{border: 1px solid #999;padding: 5px;font-size: 14px;margin-bottom: 10px;}
		button{width: 100px;margin: 10px 0;}
	</style>
</head>
<body>
	<div class="wrap">
	    <form id="form" enctype="multipart/form-data">
	       <input type="text" name="name"><br>
	       <input type="text" name="idcard"><br>
	       <input type="button" value="发送" class="btn" onclick="sub()">
	    </form>
	</div>
	<script>
		var form=$('#form');
		var sub=function(){
			var formdata=new FormData(form);
			var data=form.serialize();
			alert(data);
		};
	</script>
</body>
</html>